light mode
night mode
On This Page

বুটস্ট্রাপ৩ ব্যাজ/লেভেল (Bootstrap3 Badge/Label)

OPTIONS
Test Yorself
All Question
Edit Content
Add Video
Add MCQ
Add Written
Error Report

বুটস্ট্রাপ ব্যাজ(Badge)

বুটস্ট্রাপ ব্যাজ হলো একটি লিংকের সাথে সম্পৃক্ত আইটেমের সংখ্যাত্বক ইঙ্গিত।

ব্যাজ তৈরি করার জন্য < span > এলিমেন্টে .badge ক্লাস ব্যবহার করুনঃ

kt_satt_skill_example_id=955

ব্যাজ যে কোনো এলিমেন্টের ভিতরেই লিখা যায়, যেমন বাটনঃ

বাটনের মধ্যে কিভাবে ব্যাজ ব্যবহার করা যায় তা নিচের উদাহরণে দেখানো হলোঃ

kt_satt_skill_example_id=956

বুটস্ট্রাপ লেবেল

বুটস্ট্রাপ লেবেল ব্যবহার করে কোনো কিছু সম্পর্কে অতিরিক্ত তথ্য প্রদান করা হয়ঃ

লেবেল নতুন

লেবেল নতুন

লেবেল নতুন

লেভেল তৈরি করার জন্য < span > এলিমেন্টের মধ্যে .label ক্লাস এবং কনটেকচুয়াল ক্লাসগুলোর যেকোন একটি ব্যবহার করুন। কনটেকচুয়াল ক্লাসগুলো হলো-  .label-default, .label-primary, .label-success, .label-info, .label-warning অথবা .label-danger

kt_satt_skill_example_id=957

 

একনজরে লেভেল এবং ব্যাজ সংক্রান্ত ক্লাসগুলো দেখে নেইঃ

ক্লাসবর্ণনা
.label label-defaultএকটি ডিফল্ট ধূসর লেভেল তৈরি করে।
.label label-primary"primary" টাইপের একটি নীল কালারের লেভেল তৈরি করে।
.label label-success"success" টাইপের একটি সবুজ কালারের লেভেল তৈরি করে।
.label label-info"info" টাইপের হালকা নীল কালারের লেভেল তৈরি করে।
.label label-warning"warning" টাইপের হলুদ লেভেল তৈরি করে।
.label label-danger"danger"; টাইপের লাল লেভেল তৈরি করে।
.badgeনতুন বা অপঠিত আইটেমকে বুঝায়।
Content added || updated By
Abdur Rakib

আরও দেখুন...

On This Page

or

Don't have an account? Register

Promotion